.page-top {
	width: 660rpx;
	height: 150rpx;
	padding: 60rpx 40rpx 40rpx 50rpx;
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 35rpx;
}

.user-img {
	width: 150rpx;
	height: 150rpx;
	border-radius: 50%;
}

.user-info {
	flex: 1;
	height: 150rpx;
	display: flex;
	flex-direction: column;
	justify-content: space-around;
}

.login-text {
	font-size: 26rpx;
	margin-right: 30rpx;
}

.user-name {
	font-size: 34rpx;
	font-weight: bold;
	color: #FF4F80;
}

.user-info-item {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	gap: 10rpx;
}

.user-info-item-label {
	font-size: 22rpx;
	color: #FF4F80;
	border: 2rpx solid #FF4F80;
	border-radius: 8rpx;
	padding: 2rpx 8rpx 0;
}

.user-info-item-text {
	font-size: 26rpx;
	color: #FF4F80;
}

.content-item {
	height: 90rpx;
	padding: 0 40rpx;
	background-color: #ffffff;
	border-radius: 20rpx;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.content-item:active {
	background-color: rgba(235, 235, 235, 0.5);
}

.content-item-left {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: 14rpx;
}

.content-item-right {
	display: flex;
	justify-content: flex-end;
	align-items: center;
}

.text-left {
	font-size: 30rpx;
	color: #333;
}

.text-right {
	font-size: 26rpx;
	color: #898989;
}